<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大学生思政在线</title>
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/font-awesome.css" />
	</head>
	<body>
		<header>
			<div class="top">
				<div>
					<div class="logo">
						<img src="../img/LOGO.png">
					</div>
					<div class="user">
						<a href="#" class="login">登陆</a><a href="" class="">注册</a>
					</div>
				</div>
			</div>
			<div class="nav">
				<ul>
					<li><a href="首页" a="">首页 </a></li>
					<li><a href="首页" a="">首页 </a></li>
					<li><a href="首页" a="">首页 </a></li>
					<li><a href="首页" a="">首页 </a></li>
					<li><a href="首页" a="">首页</a></li>
					<li><a href="首页" a="">首页</a></li>
					<li><a href="首页" a="">首页</a></li>
					<li><a href="首页" a="">首页</a></li>
					<li><a href="首页" a="">首页</a></li>
				</ul>
			</div>
			<div class="banner">
				<img src="../img/banner1.jpg">
			</div>
		</header>
		<div id="container">
			<div class="response">
				<div>
					<div class="title">
						<h3>使命担当</h3>
						<p>Everyone is responsible for the rise and fall of the world</p>
					</div>
					<p class="titlep">天下兴亡，匹夫有责</p>
					<div class="ResCon">
						<div class="resitem">
							<div class="iteming">
								<img src="../img/pic1.png">
							</div>
							<div class="iteminfo">
								<h4>试看将来环境 必是赤旗的世界</h4>
								<p> 中国共产主义运动先驱李大钊</p>
								<span class="fa fa-chevron-down"></span>
								<p><a href="#" class="fa fa-heart">关注</a></p>
							</div>
						</div>
						<div class="resitem">
							<div class="iteming">
								<img src="../img/pic2.png">
							</div>
							<div class="iteminfo">
								<h4>试看将来环境 必是赤旗的世界</h4>
								<p> 中国共产主义运动先驱李大钊</p>
								<span class="fa fa-chevron-down"></span>
								<p><a href="#" class="fa fa-heart">关注</a></p>
							</div>
						</div>
						<div class="resitem">
							<div class="iteming">
								<img src="../img/pic3.png">
							</div>
							<div class="iteminfo">
								<h4>试看将来环境 必是赤旗的世界</h4>
								<p> 中国共产主义运动先驱李大钊</p>
								<span class="fa fa-chevron-down"></span>
								<p><a href="#" class="fa fa-heart">关注</a></p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="culture">
				<div class="culturebg">
					<div>
						<div class="title">
							<h3>文化自信</h3>
							<p>Everyone is responsible for the rise and fall of the world</p>
						</div>
						<p class="titlep">天下兴亡，匹夫有责</p>
						<div class="ResCon">
							<div class="resitem">
								<div class="iteming">
									<img src="../img/try1.png" alt="">
								</div>
								<div class="iteminfo">
									<h4>试看将来环境 必是赤旗的世界</h4>
									<p> 中国共产主义运动先驱李大钊</p>

								</div>
							</div>
							<div class="resitem">
								<div class="iteming">
									<img src="../img/try2.jpg">
								</div>
								<div class="iteminfo">
									<h4>试看将来环境 必是赤旗的世界</h4>
									<p> 中国共产主义运动先驱李大钊</p>

								</div>
							</div>
							<div class="resitem">
								<div class="iteming">
									<img src="../img/try3.jpg">
								</div>
								<div class="iteminfo">
									<h4>试看将来环境 必是赤旗的世界</h4>
									<p> 中国共产主义运动先驱李大钊</p>

								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="craftsman">
				<div></div>
			</div>
			<div class="tabnav">
				<div>
					<div class="tabmenu">
						<div class="navitem">
							<a href="#tab1">党员行动</a>
						 </div>
					<div class="navitem">
						<a href="#tab2">不忘初心</a>
					</div>
					<div class="navitem">
						<a href="#tab3">红船精神</a>
					</div>
				</div>
				<div class="tabcontent">
					<div class="tabitem" id="tab1">
						<div class="item">
						 <div class="iteming"><img src="../img/pic1.png" ></div>
						 <div class="iteminfo">
							 <h4>战“疫”一线党红旗</h4>
							 <p>乌云终将散去，阳光也终会洒向大地。有着这样温柔的你，这样温柔你们，我们必能</p>
							 <a href="">查看更多</a>
						 </div>
					</div>
					<div class="tabitem" id="tab2">
						222
					</div>
					<div class="tabitem" id="tab3">
						333
					</div>
				</div>
</div>
			</div>
		</div>
		<div class="photos">
			<div>
				<div><img class="photoimg" src="../img/show1.jpg" alt=""></div>
				<div><img class="photoimg" src="../img/show2.jpg" alt=""></div>
				<div><img class="photoimg" src="../img/show3.jpg" alt=""></div>
				<div><img class="photoimg" src="../img/show4.jpg" alt=""></div>
				<div><img class="photoimg" src="../img/show5.jpg" alt=""></div>
				<div><img class="photoimg" src="../img/show6.jpg" alt=""></div>
				<div><img class="photoimg" src="../img/show7.jpg" alt=""></div>
				<div><img class="photoimg" src="../img/show8.jpg" alt=""></div>
				<div><img class="photoimg" src="../img/show9.jpg" alt=""></div>
			</div>
		</div>

		</div>
		</div>
		<footer>

			<p>版权所有</p>
		</footer>
		<audio src="../audio/bg.MP3" autoplay ></audio>
		 
	</body>
</html>
